home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2014 August / PCgo_CD_2014-08.iso / nw.pak / Unnamed File 000840.txt < prev    next >
Encoding:
Text File  |  2012-12-14  |  1.1 KB  |  69 lines
  1. <html>
  2. <head>
  3. <title>Cannot run package</title>
  4. <style>
  5. *{ margin: 0; padding: 0;}
  6.  
  7. body {
  8.   overflow: hidden;
  9. }
  10.  
  11. p, h1 {
  12.   display: inline-block;
  13.   margin-left: 100px;
  14.   color: #333;
  15.   font-family: sans-serif;
  16. }
  17.  
  18. #clouds{
  19.   padding: 100px 0;
  20.   background: #c9dbe9;
  21.   background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
  22. }
  23.  
  24. .cloud {
  25.   width: 200px; height: 60px;
  26.   background: #fff;
  27.   
  28.   -webkit-border-radius: 200px;
  29.   
  30.   position: relative; 
  31. }
  32.  
  33. .cloud:before, .cloud:after {
  34.   content: '';
  35.   position: absolute; 
  36.   background: #fff;
  37.   width: 100px; height: 80px;
  38.   position: absolute; top: -15px; left: 10px;
  39.   
  40.   -webkit-border-radius: 100px;
  41.   -webkit-transform: rotate(30deg);
  42. }
  43.  
  44. .cloud:after {
  45.   width: 120px; height: 120px;
  46.   top: -55px; left: auto; right: 15px;
  47. }
  48.  
  49. .x1 {
  50.   -webkit-animation: moveclouds 30s linear infinite;
  51.   opacity: 0.8;
  52. }
  53.  
  54. @-webkit-keyframes moveclouds {
  55.   0% {margin-left: 800px;}
  56.   100% {margin-left: -800px;}
  57. }
  58. </style>
  59. </head>
  60. <body>
  61.   <div id="clouds">
  62.     <h1>$1</h1>
  63.     <br/><br/>
  64.     <p>$2</p>
  65.     <div class="cloud x1"></div>
  66.   </div>
  67. </body>
  68. </html>
  69.